<jsp:include page="plantilla1.jsp" />


<form name="form1" method="post" action="pregunta1.php" style="height: 66px; ">
<h2><p align="left">Servicios Cruz del Norte</p></h2>

		<table border="1">


		  <td>
		    
		      <label for="cmborigen"></label>
		      <select name="cmborigen" id="cmborigen">
		      <option>---Origen---</option>
		        <option>LIMA</option>
		        <option>ICA</option>
		        <option>NAZCA</option>
		        <option>CHIMBOTE</option>
		        <option>PIURA</option>
		      </select>
		   
		  </td>
		 
		 <td>
		      <label for="cmbdestino"></label>
		      <select name="cmbdestino" id="cmbdestino">
		      <option>---Destino---</option>
	 			<option>LIMA</option>
		        <option>ICA</option>
		        <option>NAZCA</option>
		        <option>CHIMBOTE</option>
		        <option>PIURA</option>
		      </select>
		    </td>
			<td>
	<form action="" method="post" style="width: 404px; height: 126px">
    </td>
    <tr><td>Fecha </td><td><input type="text" id="date" name="date"><input type="button" id="trigger" value="..."></td></tr>
    <tr><td><input type="submit" value="Consultar" align="Top">
	<script type="text/javascript"> 
  function dateChanged(calendar) {
    if (calendar.dateClicked) {
      var y = calendar.date.getFullYear();
      var m = calendar.date.getMonth();
      var d = calendar.date.getDate();
      window.location = "";
    }
  };
 
  Calendar.setup(
    {
      flat         : "calendar-container",
      flatCallback : dateChanged
    }
  );
  
  Calendar.setup(
    {
      inputField  : "date",
      ifFormat    : "%Y-%m-%d",
      button      : "trigger"
    }
  );
  
  </script>
			
			
			
			</td><td style="height: 21px; "></td></tr>
    
    </form><div id="calendar-container" style="float: right"></div>
    
        
<script type="text/javascript"> 
  function dateChanged(calendar) {
    if (calendar.dateClicked) {
      var y = calendar.date.getFullYear();
      var m = calendar.date.getMonth();
      var d = calendar.date.getDate();
      window.location = "";
    }
  };
 
  Calendar.setup(
    {
      flat         : "calendar-container",
      flatCallback : dateChanged
    }
  );
  
  Calendar.setup(
    {
      inputField  : "date",
      ifFormat    : "%Y-%m-%d",
      button      : "trigger"
    }
  );
  
  </script>
			
			
			
			</td>
			</table><br><br><br><br><br><br>

<table border="1">
			<tr>
				<td>Servicio</td>
				<td>Lugar de Origen</td>
				<td>Lugar de Destino</td>
				<td>Fecha</td>
				<td>Horario de Viaje</td>

			</tr>
			<tr>
				<td>Cruzero</td>
				<td>Lima</td>
				<td>Chimbote</td>
				<td>30/05/2012</td>
				<td>19:00 pm</td>
			</tr>
			<tr>
				<td>Cruzero Suite</td>
				<td>Piura</td>
				<td>Lima</td>
				<td>31/05/2012</td>
				<td>15:00 pm</td>
			</tr>


		</table>

	</form>


<jsp:include page="plantilla2.jsp" />